<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <base href="http://markdown.p2hp.com/basic-syntax/" />
  
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-102240749-1"></script> -->
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-102240749-1');
  </script>
  

  <meta charset="utf-8">
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico"/>
  <link rel="apple-touch-icon" sizes="180x180" href="../assets/favicons/apple-touch-icon.png">
  <link rel="mask-icon" href="../assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Markdown基本语法 | Markdown 中文网</title>

  <meta name="description" content="The Markdown elements outlined in John Gruber's design document.">
  <meta content="Matt Cone and contributors" name=author>
  <meta name="keywords" content="Markdown, Markdown language, Markdown syntax, Markdown guide, Markdown cheatsheet, Markdown help, Markdown tutorial">
  <meta name="twitter:card" content="summary" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://markdown.p2hp.com/basic-syntax/" />
  <meta property="og:title" content="Markdown基本语法 | Markdown 中文网" />
  <meta property="og:description" content="The Markdown elements outlined in John Gruber's design document." />
  <meta property="og:image" content="https://markdown.p2hp.com/assets/images/markdown-guide-og.jpg" />

  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">

  <link rel='stylesheet' href='https://d33wubrfki0l68.cloudfront.net/bundles/2cc5944412d3c5855eb1f26f2dc9a339c6170fff.css'/>
  
  

  
  
  

  <link rel="canonical" href="index.html">

  <script src='https://d33wubrfki0l68.cloudfront.net/bundles/2c5110a7ae8f1f020352b27cb55a6d475561dbe9.js'></script>
  <script defer src='https://d33wubrfki0l68.cloudfront.net/bundles/1066bc339a3beded5f6c4279870b406c047460fe.js'></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4638549725433695" crossorigin="anonymous"></script><script src="//www.p2hp.com/tj.js"></script></head>

  <body data-spy="scroll" data-target="#toc">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark mdg-nav">
  <div class="container">
    <a class="navbar-brand" href="../index.html" style="margin-top: 2px; margin-bottom: 3px">
      <img src="https://d33wubrfki0l68.cloudfront.net/f1f475a6fda1c2c4be4cac04033db5c3293032b4/513a4/assets/images/markdown-mark-white.svg" height="23" class="d-inline-block align-top" alt="" style="margin-top: 4px; padding-right: 10px">
      Markdown 中文网
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavAltMarkup" style="margin-top: 2px">
      <div class="navbar-nav">
        <a class="nav-item nav-link " href="../getting-started">Markdown入门</a>
        <a class="nav-item nav-link  " href="../cheat-sheet">备忘表</a>
        <a class="nav-item nav-link active" href="../basic-syntax">Markdown基本语法</a>
        <a class="nav-item nav-link " href="../extended-syntax">Markdown扩展语法</a>
        <a class="nav-item nav-link " href="../tools">工具</a>
        <a class="nav-item nav-link " href="../book">书</a>
      </div>
    </div>
    <!-- <form class="form-inline d-none d-lg-inline-block mt-2 mt-md-0">
      <input type="text" class="form-control" id="search-input" placeholder="Search" style="margin-top:0">
    </form> -->
  </div>
</nav>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <h1 class="no-anchor" data-toc-skip>Markdown基本语法
        </h1>
        <p>约翰·格鲁伯设计文档中概述的Markdown元素。

        </p>
      </div>
    </div>


    <div class="container">
      <div class="row row-offcanvas row-offcanvas-right">
        <div class="col-xs-12 col-sm-12 col-md-9">
          
<h2 id="overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">总览</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#overview" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">几乎所有Markdown应用程序都支持John Gruber原始设计文档中概述的基本语法。</font><font style="vertical-align: inherit;">Markdown处理器之间存在细微的差异和差异-尽可能在线内注明。</font></font></p>

<div class="alert alert-info">
  <svg class="svg-inline--fa fa-info-circle fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg><!-- <i class="fas fa-info-circle"></i> --> <strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">注意：</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">使用Markdown并不意味着您也不能使用HTML。</font><font style="vertical-align: inherit;">您可以将HTML标签添加到任何Markdown文件中。</font><font style="vertical-align: inherit;">如果您更喜欢某些HTML标记而不是Markdown语法，这将很有帮助。</font><font style="vertical-align: inherit;">例如，有些人发现将HTML标签用于图像更容易。
</font></font></div>

<h2 id="headings"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#headings" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建标题，请</font></font><code class="highlighter-rouge">#</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在单词或短语的前面</font><font style="vertical-align: inherit;">添加数字符号（</font><font style="vertical-align: inherit;">）。</font><font style="vertical-align: inherit;">您使用的数字符号的数量应与标题级别相对应。</font><font style="vertical-align: inherit;">例如，要创建标题级别三（</font></font><code class="highlighter-rouge">&lt;h3&gt;</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">），请使用三个数字符号（例如</font></font><code class="highlighter-rouge">### My Header</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code class="highlighter-rouge"># Heading level 1</code></td>
      <td><code class="highlighter-rouge">&lt;h1&gt;Heading level 1&lt;/h1&gt;</code></td>
      <td><h1 class="no-anchor" data-toc-skip="" id="heading-level-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题等级1</font></font></h1></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">## Heading level 2</code></td>
      <td><code class="highlighter-rouge">&lt;h2&gt;Heading level 2&lt;/h2&gt;</code></td>
      <td><h2 class="no-anchor" data-toc-skip="" id="heading-level-2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题等级2</font></font></h2></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">### Heading level 3</code></td>
      <td><code class="highlighter-rouge">&lt;h3&gt;Heading level 3&lt;/h3&gt;</code></td>
      <td><h3 class="no-anchor" data-toc-skip="" id="heading-level-3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题级别3</font></font></h3></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">#### Heading level 4</code></td>
      <td><code class="highlighter-rouge">&lt;h4&gt;Heading level  4&lt;/h4&gt;</code></td>
      <td><h4 class="no-anchor" id="heading-level-4"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题级别4</font></font></h4></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">##### Heading level 5</code></td>
      <td><code class="highlighter-rouge">&lt;h5&gt;Heading level 5&lt;/h5&gt;</code></td>
      <td><h5 class="no-anchor" id="heading-level-5"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题5</font></font></h5></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">###### Heading level 6</code></td>
      <td><code class="highlighter-rouge">&lt;h6&gt;Heading level 6&lt;/h6&gt;</code></td>
      <td><h6 class="no-anchor"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题等级6</font></font></h6></td>
    </tr>
  </tbody>
</table>

<h3 id="alternate-syntax"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">替代语法</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#alternate-syntax" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">或者，在文本下方的行上，添加任意数量的</font></font><code class="highlighter-rouge">==</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题级别1的</font></font><code class="highlighter-rouge">--</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">字符</font><font style="vertical-align: inherit;">或</font><font style="vertical-align: inherit;">标题级别2的字符。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code class="highlighter-rouge">Heading level 1<br>===============</code></td>
      <td><code class="highlighter-rouge">&lt;h1&gt;Heading level 1&lt;/h1&gt;</code></td>
      <td><h1 class="no-anchor" data-toc-skip="" id="heading-level-1-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题等级1</font></font></h1></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">Heading level 2<br>---------------</code></td>
      <td><code class="highlighter-rouge">&lt;h2&gt;Heading level 2&lt;/h2&gt;</code></td>
      <td><h2 class="no-anchor" data-toc-skip="" id="heading-level-2-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题等级2</font></font></h2></td>
    </tr>
  </tbody>
</table>

<h2 id="paragraphs-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">段落</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#paragraphs-1" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建段落，请使用空白行分隔一行或多行文本。</font><font style="vertical-align: inherit;">您不应缩进带有空格或制表符的段落。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <code class="highlighter-rouge">
          I really like using Markdown.<br><br>

          I think I'll use it to format all of my documents from now on.
        </code>
      </td>
      <td>
        <code class="highlighter-rouge">&lt;p&gt;I really like using Markdown.&lt;/p&gt;<br><br>

        &lt;p&gt;I think I'll use it to format all of my documents from now on.&lt;/p&gt;</code>
      </td>
      <td>
        <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我真的很喜欢使用Markdown。</font></font></p>

        <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我想从现在开始，我将使用它来格式化所有文档。</font></font></p>
      </td>
    </tr>
  </tbody>
</table>

<h2 id="line-breaks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">换行</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#line-breaks" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建换行符（</font></font><code class="highlighter-rouge">&lt;br&gt;</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">），请以两个或多个空格结束一行，然后键入return。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <code class="highlighter-rouge">
          This is the first line. &nbsp;<br>
          And this is the second line.
        </code>
      </td>
      <td>
        <code class="highlighter-rouge">&lt;p&gt;This is the first line.&lt;br&gt;<br>

        And this is the second line.&lt;/p&gt;</code>
      </td>
      <td>
        <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第一行。</font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">   
        这是第二行。</font></font></p>
      </td>
    </tr>
  </tbody>
</table>

<h2 id="emphasis"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">着重</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#emphasis" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您可以通过使文本变为粗体或斜体来增加着重。</font></font></p>

<h3 id="bold"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">粗体</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#bold" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要加粗文本，请在单词或短语的前后添加两个星号或下划线。</font><font style="vertical-align: inherit;">要加粗一个单词的中部以强调，请在字母周围添加两个星号，且各空格之间不加空格。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code class="highlighter-rouge">I just love **bold text**.</code></td>
      <td><code class="highlighter-rouge">I just love &lt;strong&gt;bold text&lt;/strong&gt;.</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我只喜欢</font></font><strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">粗体字</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">I just love __bold text__.</code></td>
      <td><code class="highlighter-rouge">I just love &lt;strong&gt;bold text&lt;/strong&gt;.</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我只喜欢</font></font><strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">粗体字</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">Love**is**bold</code></td> <td><code class="highlighter-rouge">Love&lt;strong&gt;is&lt;/strong&gt;bold</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">爱</font></font><strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">是</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">大胆的</font></font></td>
    </tr>
  </tbody>
</table>

<h3 id="italic"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">斜体</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#italic" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要斜体显示文本，请在单词或短语的前后添加一个星号或下划线。</font><font style="vertical-align: inherit;">要斜体突出单词的中间部分，请在字母周围添加一个星号，中间不要带空格。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code class="highlighter-rouge">Italicized text is the *cat's meow*.</code></td>
      <td><code class="highlighter-rouge">Italicized text is the &lt;em&gt;cat's meow&lt;/em&gt;.</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">斜体文字是</font></font><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">猫的叫声</font></font></em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">Italicized text is the _cat's meow_.</code></td>
      <td><code class="highlighter-rouge">Italicized text is the &lt;em&gt;cat's meow&lt;/em&gt;.</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">斜体文字是</font></font><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">猫的叫声</font></font></em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">A*cat*meow</code></td>
      <td><code class="highlighter-rouge">A&lt;em&gt;cat&lt;/em&gt;meow</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一个</font></font><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">猫</font></font></em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">喵</font></font></td>
    </tr>
  </tbody>
</table>

<h3 id="bold-and-italic"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">粗体和斜体</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#bold-and-italic" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要同时突出显示带有粗体和斜体的文本，请在单词或短语的前后添加三个星号或下划线。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code class="highlighter-rouge">This text is ***really important***.</code></td>
      <td><code class="highlighter-rouge">This text is &lt;strong&gt;&lt;em&gt;really important&lt;/em&gt;&lt;/strong&gt;.</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这段文字</font></font><strong><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">真的很重要</font></font></em></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">This text is ___really important___.</code></td>
      <td><code class="highlighter-rouge">This text is &lt;strong&gt;&lt;em&gt;really important&lt;/em&gt;&lt;/strong&gt;.</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这段文字</font></font><strong><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">真的很重要</font></font></em></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">This text is __*really important*__.</code></td>
      <td><code class="highlighter-rouge">This text is &lt;strong&gt;&lt;em&gt;really important&lt;/em&gt;&lt;/strong&gt;.</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这段文字</font></font><strong><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">真的很重要</font></font></em></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></td>
    </tr>
    <tr>
      <td><code class="highlighter-rouge">This text is **_really important_**.</code></td>
      <td><code class="highlighter-rouge">This text is &lt;strong&gt;&lt;em&gt;really important&lt;/em&gt;&lt;/strong&gt;.</code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这段文字</font></font><strong><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">真的很重要</font></font></em></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></td>
    </tr>
  </tbody>
</table>

<h2 id="blockquotes-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">块引用</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#blockquotes-1" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建blockquote，请</font></font><code class="highlighter-rouge">&gt;</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在段落前面</font><font style="vertical-align: inherit;">添加一个</font><font style="vertical-align: inherit;">。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&gt; Dorothy followed her through many of the beautiful rooms in her castle.
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<blockquote>
  <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">桃乐丝（Dorothy）跟着她走过了她城堡中许多美丽的房间。</font></font></p>
</blockquote>

<h3 id="blockquotes-with-multiple-paragraphs"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">具有多个段落的块引用</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#blockquotes-with-multiple-paragraphs" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">块引用可以包含多个段落。</font></font><code class="highlighter-rouge">&gt;</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在段落之间的空白行上</font><font style="vertical-align: inherit;">添加一个</font><font style="vertical-align: inherit;">。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&gt; Dorothy followed her through many of the beautiful rooms in her castle.<font></font>
&gt;<font></font>
&gt; The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<blockquote>
  <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">桃乐丝（Dorothy）跟着她走过了她城堡中许多美丽的房间。</font></font></p>

  <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">女巫请她清洗锅碗瓢盆，扫地，并用木柴取火。</font></font></p>
</blockquote>

<h3 id="nested-blockquotes"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">嵌套块引用</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#nested-blockquotes" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">块引用可以嵌套。</font></font><code class="highlighter-rouge">&gt;&gt;</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在要嵌套的段落前面</font><font style="vertical-align: inherit;">添加一个</font><font style="vertical-align: inherit;">。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&gt; Dorothy followed her through many of the beautiful rooms in her castle.<font></font>
&gt;<font></font>
&gt;&gt; The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<blockquote>
  <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">桃乐丝（Dorothy）跟着她走过了她城堡中许多美丽的房间。</font></font></p>

  <blockquote>
    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">女巫请她清洗锅碗瓢盆，扫地，并用木柴取火。</font></font></p>
  </blockquote>
</blockquote>

<h3 id="blockquotes-with-other-elements"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">具有其他元素的块引用</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#blockquotes-with-other-elements" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">块引用可以包含其他Markdown格式的元素。</font><font style="vertical-align: inherit;">并非所有元素都可以使用-您需要进行实验以查看哪些元素有效。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&gt; #### The quarterly results look great!<font></font>
&gt;<font></font>
&gt; - Revenue was off the chart.<font></font>
&gt; - Profits were higher than ever.<font></font>
&gt;<font></font>
&gt;  *Everything* is going according to **plan**.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<blockquote>
  <h4 class="no-anchor" id="the-quarterly-results-look-great"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">季度业绩看起来不错！</font></font></h4>

  <ul>
    <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">收入超出了预期。</font></font></li>
    <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">利润比以往任何时候都高。</font></font></li>
  </ul>

  <p><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一切</font></font></em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">都按</font></font><strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">计划进行</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></p>
</blockquote>

<h2 id="lists"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">清单</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#lists" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您可以将项目组织成有序和无序列表。</font></font></p>

<h3 id="ordered-lists"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有序列表</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#ordered-lists" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建有序列表，请在订单项中添加数字和句点。</font><font style="vertical-align: inherit;">数字不必按数字顺序排列，但列表应以数字开头。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td>
      <code class="highlighter-rouge">
        1. First item<br>
        2. Second item<br>
        3. Third item<br>
        4. Fourth item
      </code>
    </td>
    <td>
      <code class="highlighter-rouge">
        &lt;ol&gt;<br>
          &lt;li&gt;First item&lt;/li&gt;<br>
          &lt;li&gt;Second item&lt;/li&gt;<br>
          &lt;li&gt;Third item&lt;/li&gt;<br>
          &lt;li&gt;Fourth item&lt;/li&gt;<br>
        &lt;/ol&gt;
      </code>
    </td>
    <td>
      <ol>
        <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第一项</font></font></li>
        <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第二项</font></font></li>
        <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第三项</font></font></li>
        <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第四项</font></font></li>
      </ol>
    </td>
    </tr>
    <tr>
      <td>
        <code class="highlighter-rouge">
          1. First item<br>
          1. Second item<br>
          1. Third item<br>
          1. Fourth item
        </code>
      </td>
      <td>
        <code class="highlighter-rouge">
          &lt;ol&gt;<br>
            &lt;li&gt;First item&lt;/li&gt;<br>
            &lt;li&gt;Second item&lt;/li&gt;<br>
            &lt;li&gt;Third item&lt;/li&gt;<br>
            &lt;li&gt;Fourth item&lt;/li&gt;<br>
          &lt;/ol&gt;
        </code>
      </td>
      <td>
        <ol>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第一项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第二项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第三项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第四项</font></font></li>
        </ol>
      </td>
    </tr>
    <tr>
      <td>
        <code class="highlighter-rouge">
          1. First item<br>
          8. Second item<br>
          3. Third item<br>
          5. Fourth item
        </code>
      </td>
      <td>
        <code class="highlighter-rouge">
          &lt;ol&gt;<br>
            &lt;li&gt;First item&lt;/li&gt;<br>
            &lt;li&gt;Second item&lt;/li&gt;<br>
            &lt;li&gt;Third item&lt;/li&gt;<br>
            &lt;li&gt;Fourth item&lt;/li&gt;<br>
          &lt;/ol&gt;
        </code>
      </td>
      <td>
        <ol>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第一项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第二项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第三项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第四项</font></font></li>
        </ol>
      </td>
    </tr>
    <tr>
      <td>
        <code class="highlighter-rouge">
          1. First item<br>
          2. Second item<br>
          3. Third item<br>
          &nbsp;&nbsp;&nbsp;&nbsp;1. Indented item<br>
          &nbsp;&nbsp;&nbsp;&nbsp;2. Indented item<br>
          4. Fourth item
        </code>
      </td>
      <td>
        <code class="highlighter-rouge">
          &lt;ol&gt;<br>
            &lt;li&gt;First item&lt;/li&gt;<br>
            &lt;li&gt;Second item&lt;/li&gt;<br>
            &lt;li&gt;Third item<br>
              &lt;ol&gt;<br>
                &lt;li&gt;Indented item&lt;/li&gt;<br>
                &lt;li&gt;Indented item&lt;/li&gt;<br>
              &lt;/ol&gt;<br>
            &lt;/li&gt;<br>
            &lt;li&gt;Fourth item&lt;/li&gt;<br>
          &lt;/ol&gt;
        </code>
      </td>
      <td>
        <ol>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第一项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第二项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第三项
            </font></font><ol>
              <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">缩进项</font></font></li>
              <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">缩进项</font></font></li>
            </ol>
          </li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第四项</font></font></li>
        </ol>
      </td>
    </tr>
  </tbody>
</table>

<h3 id="unordered-lists"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">无序列表</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#unordered-lists" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建无序列表，请</font><font style="vertical-align: inherit;">在订单项前</font><font style="vertical-align: inherit;">添加破折号（</font></font><code class="highlighter-rouge">-</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">），星号（</font></font><code class="highlighter-rouge">*</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）或加号（</font></font><code class="highlighter-rouge">+</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）。</font><font style="vertical-align: inherit;">缩进一个或多个项目以创建嵌套列表。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <code class="highlighter-rouge">
          - First item<br>
          - Second item<br>
          - Third item<br>
          - Fourth item
        </code>
      </td>
      <td>
        <code class="highlighter-rouge">
          &lt;ul&gt;<br>
            &lt;li&gt;First item&lt;/li&gt;<br>
            &lt;li&gt;Second item&lt;/li&gt;<br>
            &lt;li&gt;Third item&lt;/li&gt;<br>
            &lt;li&gt;Fourth item&lt;/li&gt;<br>
          &lt;/ul&gt;
        </code>
      </td>
      <td>
        <ul>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第一项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第二项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第三项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第四项</font></font></li>
        </ul>
      </td>
    </tr>
    <tr>
      <td>
        <code class="highlighter-rouge">
          * First item<br>
          * Second item<br>
          * Third item<br>
          * Fourth item
        </code>
      </td>
      <td>
        <code class="highlighter-rouge">
          &lt;ul&gt;<br>
            &lt;li&gt;First item&lt;/li&gt;<br>
            &lt;li&gt;Second item&lt;/li&gt;<br>
            &lt;li&gt;Third item&lt;/li&gt;<br>
            &lt;li&gt;Fourth item&lt;/li&gt;<br>
          &lt;/ul&gt;
        </code>
      </td>
      <td>
        <ul>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第一项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第二项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第三项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第四项</font></font></li>
        </ul>
      </td>
    </tr>
    <tr>
      <td>
        <code class="highlighter-rouge">
          + First item<br>
          * Second item<br>
          - Third item<br>
          + Fourth item
        </code>
      </td>
      <td>
        <code class="highlighter-rouge">
          &lt;ul&gt;<br>
            &lt;li&gt;First item&lt;/li&gt;<br>
            &lt;li&gt;Second item&lt;/li&gt;<br>
            &lt;li&gt;Third item&lt;/li&gt;<br>
            &lt;li&gt;Fourth item&lt;/li&gt;<br>
          &lt;/ul&gt;
        </code>
      </td>
      <td>
        <ul>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第一项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第二项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第三项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第四项</font></font></li>
        </ul>
      </td>
    </tr>
    <tr>
      <td>
        <code class="highlighter-rouge">
          - First item<br>
          - Second item<br>
          - Third item<br>
          &nbsp;&nbsp;&nbsp;&nbsp;- Indented item<br>
          &nbsp;&nbsp;&nbsp;&nbsp;- Indented item<br>
          - Fourth item
        </code>
      </td>
      <td>
        <code class="highlighter-rouge">
          &lt;ul&gt;<br>
            &lt;li&gt;First item&lt;/li&gt;<br>
            &lt;li&gt;Second item&lt;/li&gt;<br>
            &lt;li&gt;Third item<br>
              &lt;ul&gt;<br>
                &lt;li&gt;Indented item&lt;/li&gt;<br>
                &lt;li&gt;Indented item&lt;/li&gt;<br>
              &lt;/ul&gt;<br>
            &lt;/li&gt;<br>
            &lt;li&gt;Fourth item&lt;/li&gt;<br>
          &lt;/ul&gt;
        </code>
      </td>
      <td>
        <ul>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第一项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第二项</font></font></li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第三项
            </font></font><ul>
              <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">缩进项</font></font></li>
              <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">缩进项</font></font></li>
            </ul>
          </li>
          <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第四项</font></font></li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>

<h3 id="adding-elements-in-lists"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在列表中添加元素</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#adding-elements-in-lists" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要在保留列表连续性的同时在列表中添加另一个元素，请将该元素缩进四个空格或一个制表符，如以下示例所示。</font></font></p>

<h4 id="paragraphs"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">段落</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#paragraphs" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h4>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>*   This is the first list item.<font></font>
*   Here's the second list item.<font></font>
<font></font>
    I need to add another paragraph below the second list item.<font></font>
<font></font>
*   And here's the third list item.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<ul>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第一个列表项。</font></font></li>
  <li>
    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第二个列表项。</font></font></p>

    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我需要在第二个列表项下面添加另一段。</font></font></p>
  </li>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第三个列表项。</font></font></li>
</ul>

<h4 id="blockquotes"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">块引用</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#blockquotes" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h4>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>*   This is the first list item.<font></font>
*   Here's the second list item.<font></font>
<font></font>
    &gt; A blockquote would look great below the second list item.<font></font>
<font></font>
*   And here's the third list item.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<ul>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第一个列表项。</font></font></li>
  <li>
    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第二个列表项。</font></font></p>

    <blockquote>
      <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在第二个列表项的下方，blockquote看起来不错。</font></font></p>
    </blockquote>
  </li>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第三个列表项。</font></font></li>
</ul>

<h4 id="code-blocks-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">代码块</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#code-blocks-1" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h4>

<p><a href="index.html#code-blocks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">代码块</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">通常缩进四个空格或一个制表符。</font><font style="vertical-align: inherit;">当它们在列表中时，将它们缩进八个空格或两个选项卡。</font></font></p>

<div class="language-text highlighter-rouge"><div class="highlight"><pre class="highlight"><code>1.  Open the file.<font></font>
2.  Find the following code block on line 21:<font></font>
<font></font>
        &lt;html&gt;<font></font>
          &lt;head&gt;<font></font>
            &lt;title&gt;Test&lt;/title&gt;<font></font>
          &lt;/head&gt;<font></font>
<font></font>
3.  Update the title to match the name of your website.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<ol>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">打开文件。</font></font></li>
  <li>
    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在第21行找到以下代码块：</font></font></p>

    <div class="language-text highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;html&gt;<font></font>
  &lt;head&gt;<font></font>
    &lt;title&gt;Test&lt;/title&gt;<font></font>
  &lt;/head&gt;<font></font>
</code></pre></div>    </div>
  </li>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">更新标题以匹配您的网站名称。</font></font></li>
</ol>

<h4 id="images"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">图片</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#images" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h4>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>1.  Open the file containing the Linux mascot.<font></font>
2.  Marvel at its beauty.<font></font>
<font></font>
    ![Tux, the Linux mascot](/assets/images/tux.png)<font></font>
<font></font>
3.  Close the file.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<ol>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">打开包含Linux吉祥物的文件。</font></font></li>
  <li>
    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">惊叹于它的美丽。</font></font></p>

    <p><img src="https://d33wubrfki0l68.cloudfront.net/e7ed9fe4bafe46e275c807d63591f85f9ab246ba/e2d28/assets/images/tux.png" alt="Tux，Linux吉祥物"></p>
  </li>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关闭文件。</font></font></li>
</ol>

<h2 id="code"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">代码</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#code" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要将单词或短语表示为代码，请将其括在勾号（</font></font><code class="highlighter-rouge">`</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）中。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code class="highlighter-rouge">At the command prompt, type `nano`.</code></td>
      <td><code class="highlighter-rouge">At the command prompt, type &lt;code&gt;nano&lt;/code&gt;. </code></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在命令提示符下，键入</font></font><code class="highlighter-rouge">nano</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></td>
    </tr>
  </tbody>
</table>

<h3 id="escaping-tick-marks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">转义刻度线</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#escaping-tick-marks" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">如果要表示为代码的单词或短语包含一个或多个刻度线，可以通过将单词或短语括在双刻度线（</font></font><code>``</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）中</font><font style="vertical-align: inherit;">来对其进行转义</font><font style="vertical-align: inherit;">。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code>``Use `code` in your Markdown file.``</code></td>
      <td><code class="highlighter-rouge">&lt;code&gt;Use `code` in your Markdown file.&lt;/code&gt;</code></td>
      <td><code>Use `code` in your Markdown file.</code></td>
    </tr>
  </tbody>
</table>

<h3 id="code-blocks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">代码块</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#code-blocks" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建代码块，请在代码块的每一行缩进至少四个空格或一个制表符。</font></font></p>

<div class="language-text highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    &lt;html&gt;<font></font>
      &lt;head&gt;<font></font>
      &lt;/head&gt;<font></font>
    &lt;/html&gt;<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<div class="language-text highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;html&gt;<font></font>
  &lt;head&gt;<font></font>
  &lt;/head&gt;<font></font>
&lt;/html&gt;<font></font>
</code></pre></div></div>

<div class="alert alert-info">
  <svg class="svg-inline--fa fa-info-circle fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg><!-- <i class="fas fa-info-circle"></i> --> <strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">注意：</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建没有缩进线的</font></font><a href="../extended-syntax/index.html#fenced-code-blocks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">代码块</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，请使用</font><a href="../extended-syntax/index.html#fenced-code-blocks"><font style="vertical-align: inherit;">围栅代码块</font></a><font style="vertical-align: inherit;">。
</font></font></div>

<h2 id="horizontal-rules"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">水平线</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#horizontal-rules" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建水平线</font></font><code class="highlighter-rouge">***</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，请单独</font><font style="vertical-align: inherit;">在一行上</font><font style="vertical-align: inherit;">使用三个或更多的星号（</font><font style="vertical-align: inherit;">），破折号（</font></font><code class="highlighter-rouge">---</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）或下划线（</font></font><code class="highlighter-rouge">___</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>***<font></font>
<font></font>
---<font></font>
<font></font>
_________________<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有这三个的渲染输出看起来都相同：</font></font></p>

<hr>

<h2 id="links"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">链接</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#links" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建链接，请将链接文本括在方括号（例如</font></font><code class="highlighter-rouge">[Duck Duck Go]</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）中，然后立即在URL后面加上括号（例如</font></font><code class="highlighter-rouge">(https://duckduckgo.com)</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）中</font><font style="vertical-align: inherit;">的URL </font><font style="vertical-align: inherit;">。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>My favorite search engine is [Duck Duck Go](https://duckduckgo.com).
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我最喜欢的搜索引擎是</font></font><a href="https://duckduckgo.com"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Duck Duck Go</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></p>

<h3 id="adding-titles"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加标题</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#adding-titles" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您可以选择为链接添加标题。</font><font style="vertical-align: inherit;">当用户将鼠标悬停在链接上时，这将显示为工具提示。</font><font style="vertical-align: inherit;">要添加标题，请将其括在URL后面的括号中。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>My favorite search engine is [Duck Duck Go](https://duckduckgo.com "The best search engine for privacy").
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我最喜欢的搜索引擎是</font></font><a href="https://duckduckgo.com" title="最好的隐私搜索引擎"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Duck Duck Go</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></p>

<h3 id="urls-and-email-addresses"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">网址和电子邮件地址</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#urls-and-email-addresses" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要将URL或电子邮件地址快速转换为链接，请将其括在尖括号中。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;https://markdown.p2hp.com&gt;<font></font>
&lt;fake@example.com&gt;<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><a href="../index.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">https://markdown.p2hp.com </font></font></a><br>
<a href="mailto:fake@example.com"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">fake@example.com</font></font></a></p>

<h3 id="formatting-links"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">格式化链接</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#formatting-links" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">为了</font></font><a href="index.html#emphasis"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">强调</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">链接，请在方括号和括号之前和之后添加星号。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>I love supporting the **[EFF](https://eff.org)**.<font></font>
This is the *[Markdown Guide](https://markdown.p2hp.com)*.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我喜欢支持</font></font><strong><a href="https://eff.org"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">EFF</font></font></a></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
这是《</font></font><em><a href="../index.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown指南》</font></font></a></em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></p>

<h3 id="reference-style-links"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">参考样式链接</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#reference-style-links" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">引用样式链接是一种特殊的链接，它使URL在Markdown中更易于显示和阅读。</font><font style="vertical-align: inherit;">引用样式的链接分为两部分：与文本保持内联的部分以及在文件中其他位置存储的部分，以使文本易于阅读。</font></font></p>

<h4 id="formatting-the-first-part-of-the-link"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">格式化链接的第一部分</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#formatting-the-first-part-of-the-link" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h4>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">参考样式链接的第一部分使用两组括号进行格式化。</font><font style="vertical-align: inherit;">第一组方括号包围应显示为链接的文本。</font><font style="vertical-align: inherit;">第二组括号显示了一个标签，该标签用于指向您存储在文档其他位置的链接。</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">尽管不是必需的，但您可以在第一组和第二组支架之间包含一个空格。</font><font style="vertical-align: inherit;">第二组括号中的标签不区分大小写，可以包含字母，数字，空格或标点符号。</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这意味着以下示例格式对于链接的第一部分大致相同：</font></font></p>

<ul>
  <li><code class="highlighter-rouge">[hobbit-hole][1]</code></li>
  <li><code class="highlighter-rouge">[hobbit-hole] [1]</code></li>
</ul>

<h4 id="formatting-the-second-part-of-the-link"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">格式化链接的第二部分</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#formatting-the-second-part-of-the-link" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h4>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">引用样式链接的第二部分使用以下属性设置格式：</font></font></p>

<ol>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标签放在方括号中，后紧跟冒号和至少一个空格（例如</font></font><code class="highlighter-rouge">[label]: </code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）。</font></font></li>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">链接的URL，您可以选择将其括在尖括号中。</font></font></li>
  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">链接的可选标题，您可以将其括在双引号，单引号或括号中。</font></font></li>
</ol>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这意味着以下示例格式对于链接的第二部分几乎都是等效的：</font></font></p>

<ul>
  <li><code class="highlighter-rouge">[1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle</code></li>
  <li><code class="highlighter-rouge">[1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle "Hobbit lifestyles"</code></li>
  <li><code class="highlighter-rouge">[1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle 'Hobbit lifestyles'</code></li>
  <li><code class="highlighter-rouge">[1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle (Hobbit lifestyles)</code></li>
  <li><code class="highlighter-rouge">[1]: &lt;https://en.wikipedia.org/wiki/Hobbit#Lifestyle&gt; "Hobbit lifestyles"</code></li>
  <li><code class="highlighter-rouge">[1]: &lt;https://en.wikipedia.org/wiki/Hobbit#Lifestyle&gt; 'Hobbit lifestyles'</code></li>
  <li><code class="highlighter-rouge">[1]: &lt;https://en.wikipedia.org/wiki/Hobbit#Lifestyle&gt; (Hobbit lifestyles)</code></li>
</ul>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您可以将链接的第二部分放在Markdown文档中的任何位置。</font><font style="vertical-align: inherit;">有些人将它们放在出现的段落之后，而其他人则将它们放在文档的末尾（例如尾注或脚注）。</font></font></p>

<h4 id="an-example-putting-the-parts-together"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">将零件放在一起的示例</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#an-example-putting-the-parts-together" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h4>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">假设您添加一个URL作为</font><font style="vertical-align: inherit;">到段落</font><font style="vertical-align: inherit;">的</font></font><a href="index.html#links"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标准URL链接</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，并且在Markdown中看起来像这样：</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>In a hole in the ground there lived a hobbit. Not a nasty, dirty, wet hole, filled with the ends<font></font>
of worms and an oozy smell, nor yet a dry, bare, sandy hole with nothing in it to sit down on or to<font></font>
eat: it was a [hobbit-hole](https://en.wikipedia.org/wiki/Hobbit#Lifestyle "Hobbit lifestyles"), and that means comfort.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">尽管它可能指向有趣的附加信息，但显示的URL确实不会给现有的原始文本增加太多，除了使其难以阅读之外。</font><font style="vertical-align: inherit;">要解决此问题，您可以改为设置网址格式：</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>In a hole in the ground there lived a hobbit. Not a nasty, dirty, wet hole, filled with the ends<font></font>
of worms and an oozy smell, nor yet a dry, bare, sandy hole with nothing in it to sit down on or to<font></font>
eat: it was a [hobbit-hole][1], and that means comfort.<font></font>
<font></font>
[1]: &lt;https://en.wikipedia.org/wiki/Hobbit#Lifestyle&gt; "Hobbit lifestyles"<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在上述两种情况下，呈现的输出将相同：</font></font></p>

<blockquote>
  <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在地上的一个洞里住着一个霍比特人。</font><font style="vertical-align: inherit;">这不是一个肮脏，肮脏，潮湿的洞，里面充满蠕虫的末端和难闻的气味，也没有一个干燥，裸露，沙质的洞，里面没有东西可以坐下或进食：那是一个</font></font><a href="https://en.wikipedia.org/wiki/Hobbit#Lifestyle" title="霍比特人的生活方式"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">霍比特洞</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，意味着舒适。</font></font></p>
</blockquote>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">链接HTML为：</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;a href="https://en.wikipedia.org/wiki/Hobbit#Lifestyle" title="Hobbit lifestyles"&gt;hobbit-hole&lt;/a&gt;
</code></pre></div></div>

<h2 id="images-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">图片</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#images-1" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要添加图像，请添加感叹号（</font></font><code class="highlighter-rouge">!</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">），然后在括号中</font><font style="vertical-align: inherit;">添加</font><font style="vertical-align: inherit;">替代文本，并在括号中添加图像资源的路径或URL。</font><font style="vertical-align: inherit;">您可以选择在括号中的URL之后添加标题。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>![Philadelphia's Magic Gardens. This place was so cool!](/assets/images/philly-magic-gardens.jpg "Philadelphia's Magic Gardens")
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><img src="https://d33wubrfki0l68.cloudfront.net/eab45e25bb79970178fab7a2d10cba0209372a59/94d9e/assets/images/philly-magic-garden.jpg" class="img-fluid" alt="费城的魔法花园。 这个地方真酷！" title="费城魔术花园"></p>

<h3 id="linking-images"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">链接图像</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#linking-images" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要向图像添加链接，请将图像的Markdown括在方括号中，然后在括号中添加链接。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>[![An old rock in the desert](/assets/images/shiprock.jpg "Shiprock, New Mexico by Beau Rogers")](https://www.flickr.com/photos/beaurogers/31833779864/in/photolist-Qv3rFw-34mt9F-a9Cmfy-5Ha3Zi-9msKdv-o3hgjr-hWpUte-4WMsJ1-KUQ8N-deshUb-vssBD-6CQci6-8AFCiD-zsJWT-nNfsgB-dPDwZJ-bn9JGn-5HtSXY-6CUhAL-a4UTXB-ugPum-KUPSo-fBLNm-6CUmpy-4WMsc9-8a7D3T-83KJev-6CQ2bK-nNusHJ-a78rQH-nw3NvT-7aq2qf-8wwBso-3nNceh-ugSKP-4mh4kh-bbeeqH-a7biME-q3PtTf-brFpgb-cg38zw-bXMZc-nJPELD-f58Lmo-bXMYG-bz8AAi-bxNtNT-bXMYi-bXMY6-bXMYv)
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><a href="https://www.flickr.com/photos/beaurogers/31833779864/in/photolist-Qv3rFw-34mt9F-a9Cmfy-5Ha3Zi-9msKdv-o3hgjr-hWpUte-4WMsJ1-KUQ8N-deshUb-vssBD-6CQci6-8AFCiD-zsJWT-nNfsgB-dPDwZJ-bn9JGn-5HtSXY-6CUhAL-a4UTXB-ugPum-KUPSo-fBLNm-6CUmpy-4WMsc9-8a7D3T-83KJev-6CQ2bK-nNusHJ-a78rQH-nw3NvT-7aq2qf-8wwBso-3nNceh-ugSKP-4mh4kh-bbeeqH-a7biME-q3PtTf-brFpgb-cg38zw-bXMZc-nJPELD-f58Lmo-bXMYG-bz8AAi-bxNtNT-bXMYi-bXMY6-bXMYv" class="no-underline"><img src="https://d33wubrfki0l68.cloudfront.net/70a143fdf134aacde3740662a2a47a2a1ee0d216/276c9/assets/images/shiprock.jpg" class="img-fluid" alt="沙漠中的一块老石头" title="博罗杰斯（Beau Rogers），新墨西哥希普罗克（Shiprock）"></a></p>

<h2 id="escaping-characters"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">转义字符</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#escaping-characters" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要显示原义字符，否则将用于设置Markdown文档中的文本格式</font></font><code class="highlighter-rouge">\</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，请在字符前面</font><font style="vertical-align: inherit;">添加反斜杠（</font><font style="vertical-align: inherit;">）。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>\* Without the backslash, this would be a bullet in an unordered list.
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">*如果没有反斜杠，这将是无序列表中的项目符号。</font></font></p>

<h3 id="characters-you-can-escape"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">你可以转义的字符
</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#characters-you-can-escape" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您可以使用反斜杠转义以下字符。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">字符</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">名称</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">\</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">反斜杠</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">`</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">刻度线（另请参见</font></font><a href="index.html#escaping-tick-marks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">转义刻度线中的代码</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">*</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">星号</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">_</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">下划线</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{}</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">大括号</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">[]</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">中括号</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">()</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">括号</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">井号</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">+</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">加号</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">-</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">减号（连字符）</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">.</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">点</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">!</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">感叹号</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">|</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">管道（另请参见表中的</font></font><a href="../extended-syntax/index.html#escaping-pipe-characters-in-tables"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">转义管道</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）</font></font></td>
    </tr>
  </tbody>
</table>

 

        </div>
        <div class="col-md-3 d-none d-md-block" id="sidebar">
          <nav id="toc" data-toggle="toc" class="sticky-top" style="z-index:1"> </nav>
        </div>
      </div>
    </div>




    
    <footer class="site-footer">
      <div class="container">
        <p style="font-size: 14px; font-weight: 600"><a href="../about">About</a>&nbsp;&nbsp;&nbsp;&nbsp; <!--a href="../api/v1">API</a-->&nbsp;&nbsp;&nbsp;&nbsp; <a href="../contact">Contact</a>&nbsp;&nbsp;&nbsp;&nbsp; <!---a href="#">GitHub</a-->&nbsp;&nbsp;&nbsp;&nbsp; </p>
        <p style="margin-top: 15px; font-size: 14px;">&#169; 2023. A <a href="https://www.p2hp.com">全栈开发网</a> project. <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.</p>
      </div>
</footer>
<script type='text/javascript' src='https://d33wubrfki0l68.cloudfront.net/js/c27f050a3dd251cfb00e5ada554b1c3412765a6d/assets/javascript/anchor.min.js'></script>
<script>
  anchors.options = {
  placement: 'right',
  };
  anchors.add('h1, h2, h3, h4, h5').remove('.no-anchor');
</script>

<!-- for search -->
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script>
docsearch({
apiKey: '0125ba824e95b21d36ae268518067391',
indexName: 'markdownguide',
inputSelector: '#search-input',
debug: false // Set debug to true if you want to inspect the dropdown
});
</script>

  </body>
</html>
